<page-header title="{{'deliveryRevoked' | translate}}">
    <ng-template #action>
        <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>{{'goback' | translate}}</button>
    </ng-template>
    <ng-template #breadcrumb>
        <nz-breadcrumb>
            <nz-breadcrumb-item><a [routerLink]="['/workplace/list']">{{'workplace' | translate}}</a></nz-breadcrumb-item>
            <nz-breadcrumb-item>{{'deliveryRevoked' | translate }}</nz-breadcrumb-item>
        </nz-breadcrumb>
    </ng-template>
</page-header>

<nz-card>
    <form nz-form [nzLayout]="'inline'" class="search__form">
        <nz-row [nzGutter]="8">
            <nz-col nzMd="6" nzSm="24">
                <nz-form-item>
                    <nz-form-label nzFor="barcode">Barcode</nz-form-label>
                    <nz-form-control>
                        <nz-input-group nzPrefixIcon="anticon anticon-barcode">
                            <input type="text" autocomplete="off" (keyup)="cancel($event)" nz-input name="barcode"
                                [(ngModel)]="barcode" placeholder="Enter or scan barcode">
                        </nz-input-group>
                    </nz-form-control>
                </nz-form-item>
            </nz-col>            
            <nz-col nzMd="4" nzSm="24">
                <button nz-button type="button" [nzType]="'primary'" (click)="deliveryCancel()">Ok</button>
            </nz-col>
        </nz-row>
    </form>
</nz-card>

<simple-table #st style="margin-top: 10px" [showPagination]="false"
    [columns]="columns" [data]="data">   
    <ng-template st-row="brand" let-item let-index="index">
        {{item.brand | brandEnPipe | uppercase}}
    </ng-template>   
</simple-table>